/*  
Theme Name: Summertime
Theme URI: http://www.nattywp.com/
Description: Good looking illustration helps you to enjoy summertime on your blog every time you visiting it. Personal Theme For Your Blog <br> - Designed by <a href="http://www.nattywp.com">nattywp</a> 
Author: nattywp
Version: 1.7
Tags: 2 columns, nature, fixed width, widgets, gravatar support, valid XHTML, valid CSS, left sidebar, orange
Author URI: http://www.sabiostar.com/
 2008, nattywp. All rights reserved. 

*/



/* Basics and Typography */

body {
	margin: 18px auto;
	padding: 0;
	background: url(images/background.jpg);
	font-size: 78%;
	font-family: 11px arial,verdana,sans-serif;
	color: #333;
	text-align: center;
}
p {
	font-size: 1em;
	line-height: 1.5em;
	margin: 1.2em 0;
}
ol, ul {
	font-size: 1em;
	line-height: 1.5em;
	margin: 1.2em 0 1.2em 2em;
	padding: 0;
}
h1, h2, h3, h4, h5, h6 {
	margin: 1.2em 0;
	font-family: "Lucida Grande", Tahoma, Arial, sans-serif;
	color: #333333; 
}
h1, h2 {
	font-size: 1.4em;
}
h2{color:#333333;
	border-bottom:1px dotted #333;
    margin:20px 0 0 0;
		}
h3 {
	font-size: 1.3em;
}
h4 {
	font-size: 1.2em;
}
a {
	text-decoration: none;
}
a:link {
	color: #666666;
}
a:visited {
	color: #666666;
}
a:hover, a:active {
	color: #666666;
	background:#ffb700;
}
input, textarea, select {
	border: 1px solid #cccccc;
	background-color: #ffffff;
	color: #333;
	font-size: 1em;
	font-family: "Lucida Sans Unicode", Tahoma, Arial, sans-serif;
}
blockquote {
	margin: 0 20px;
	padding: 0 20px;
	border-left: 5px solid #f0fadb;
	font-size: 0.9em;
}
code {
	font-family: monospace;
	color: #666;
}
form, img {
	margin: 0;
	padding: 0;
	border: 0;
}
.small {
	font-size: 0.9em;
	color: #666666;
}



/* Layout */

#wrapper {
	margin: 0 auto;
	width: 900px;
        background: url(images/mainbg.jpg);
	text-align: left;
}
#header {
	background: url(images/header.jpg) no-repeat;
        width: 900px;
        height: 300px;
}

	/* Header Styles */
	#header h1 {
                padding-top: 90px;
                padding-left: 145px;
		margin: 0;
		font-size: 2.7em;
	}
	#header h1 a {
	font-family:Arial;
		text-decoration: none;
		color: #ffffff;
	}
	#header h1 a:hover {
		text-decoration: none;
		background:#ffb700;
		color: #ffffff;
	}
	
#tagline{
padding-left:145px;
}
#content {
	float: right;
	padding: 0 10px 0 19px;
    margin-top: -45px;
	width: 630px;
} 

#sidebar {
	float: left;
    margin: -90px 0px 0 30px;
	padding: 0px;
	width: 200px;
        display: inline;
	font-size: 0.9em;


} 


	/* Lots of sidebar styles, so they're below */

#footer {	clear: both;
        background: url(images/footer.jpg);
        width: 900px;
        height: 126px;
	font-size: 0.9em;
	text-align: center;

}

	/* Footer Styles */
	#footer p {
		margin-right: 15px;        
		padding: 0;
		font-size: 0.9em;
		text-align: right;
                color: #333333;
	}

#footer p a {   text-decoration: underline;
                color: #c07902;
	}

	
	
/* Sidebar Styles */

#sidebar h2 {
	margin: 1.2em 0 0.3em 0;
	padding: 3px 5px 3px 5px;
	background: #f09d00;
        color: #f6f6f6;
        height: 15px;
        width: 175px;
	font-size: 1.1em;
	border-bottom: 1px solid #f0fadb;
	border-top: 1px solid #f0fadb;
}
#sidebar ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#sidebar ul ul {
	margin: 0px;
}
#sidebar ul ul li {
        width: 183px;
	padding: 0 0 0 0;
	border-bottom: 1px dotted #cccccc;

}
#sidebar ul ul li a {
	display: block;
	margin: 0px;
	padding: 2px 5px 0 5px;
	width: 170px;

} 

#sidebar ul ul li a:hover {
        color: #333333;
}
#sidebar ul ul ul {
	margin: 0;
	border: none;
}
#sidebar ul ul ul li {
	margin: 0 0 0 -10px;
	padding: 0 0 0 25px;
	border-bottom: none;

}
#sidebar ul ul ul li a {
	margin: 0 0 0 -25px;
	padding: 2px 10px 0 25px;
	width: 155px;

} 




/* Blog */

.post {
padding-top:15px;
}
#date{
	font-size:25px; 
	float:left; 
	text-align:center; 
	font-weight:bold; 	
	height: 50px; 
	width: 45px;
	padding-right:5px;
}
.posttitle {
	margin-bottom: 0;
	margin-top: 0;
	color: #f09d00;
        background: #f09d00;
	overflow: auto;
	width:580px;
	/* Width and overflow to clear '.posttitle a' */
}
.posttitle a {
	float: left;
	padding-left: 10px;
}
.posttitle a:link, .posttitle a:visited {
	color: #f6f6f6;	
}
.posttitle a:hover, .posttitle a:active {
	color: #f0fadb;	
}
.postmeta {
	margin-top: 0;
	padding-top: 1px;
	padding-left: 10px;
	font-family: verdana;
	font-size: 0.8em;
	color: #333333;
	border-top: 1px dotted #ef9400;
}
.postentry {
	font-size: 0.9em;
	color: #333333;
	font-family: verdana;
}
.permalink {
	margin: 0 1.8em 0 0;
	text-align: right;
}
.commentslink {
	text-align: right;
}
.postfeedback{
	text-align: right;
	border-top: 2px solid #ef9400;
}


/* Comments */

#commentlist {
	margin: 1.2em 0;
	padding: 0;
	border-bottom: 1px dotted #cccccc;
	list-style-type: none;
}
#commentlist li {
	border-top: 1px dotted #cccccc;
	padding: 1px 20px;

}
.alt {
	background-color: #faffee !important;
}
.commenttitle {
	margin-bottom: 0;
	font-size: 1.1em;
}
.commentmeta {
	margin-top: 0;
	font-size: 0.9em;
	color: #666666;
}
#commentform #author, 
#commentform #email, 
#commentform #url{
	border:1px solid #7da100;
                        }
#commentform textarea {
	width: 627px;
	border:1px solid #7da100;
}

#commentform #submit {
	margin-top: -10px;
	float:left;
        background: #7da100;
        color: #ffffff;
	font: 11px Tahoma, Arial, Helvetica, sans-serif;
	border:1px solid #f0fadb;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 1px;
        padding-bottom: 1px;
	}
/* WP 2.6 FIX */
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}